jtemplate是javascript的模板引擎。官方网址：http://jtemplates.tpython.com/数据准备：

var data ={  TotalCount:64,  Lists:[  {Id:'2001' ,Title:'新闻11',CreateDate:'2011-08-08'},  {Id:'2002' ,Title:'新闻22',CreateDate:'2011-08-08'},  {Id:'2003' ,Title:'新闻33',CreateDate:'2011-08-08'},  {Id:'2004' ,Title:'新闻44',CreateDate:'2011-08-08'},  {Id:'2005' ,Title:'新闻55',CreateDate:'2011-08-08'},  ]  } 

1、引入库文件    

2、编写模板       Id标题发布时间  {#foreach $T.table as row}  {$T.row.Id}{$T.row.Title}{$T.row.CreateDate}  {#/for}     

语法：

1、大括号{..} ，在这里面可以写任何javascript的代码，比如 {$T.toUpperCase()}

2、{$T} : 表示数据，例如上面的例子，$T.table表示得到data的table对象，$T.TotalCount 为 64。

3、{#foreach} : 循环获取数据，如上面：{#foreach $T.table as row}      {$T.row.Title}      {/for}  

扩展语法：

{#if}

例子： {#if $T=="true"} good {#else} fail {#/if}  {#if $T.list_id == 3} System list {#elseif $T.list_id == 4} Users List {#elseif $T.list_id == 5} Errors list {#/if} 

{#foreach} {#foreach |VAR| as |NAME| [begin=|CODE|] [count=|CODE|] [step=|CODE|]}..{#else}..{#/for} 

例子： a、输出所有数据： {#foreach $T.table as row}      {$T.row.Title}      {/for}    

b、从第二条记录开始输出： {#foreach $T.table as row begin=1}      {$T.row.Title}      {/for}    

c、从第二条开始且只取2条 {#foreach $T.table as row begin=1 count=2}      {$T.row.Title}      {/for}    

d、使用step {#foreach $T.table as row step=2}      {$T.row.Title}      {/for}  

e、使用else {#foreach $T.table as row step=2}      {$T.row.Title}  {#else}   无记录   {/for}  

{#for} 例子： {#for index = 1 to 10} {$T.index} {#/for}  {#for index = 1 to 10 step=3} {$T.index} {#/for} 

3、渲染模板并展示

           $(document).ready(function() {              // 设置模板              $("#result").setTemplateElement("templateContainer");                            // 处理模板              $("#result").processTemplate(data);          });         

设置模板的几种方法：

a. setTemplateElement:参数为页面中的一个元素ID 如上面的例子

b. setTemplate: 参数为具体的模板内容， 如：$("#result").setTemplate("Template by {$T.bold()} version {$Q.version}.");

c.setTemplateURL:使用外部独立模板文件Url作为参数 如：$("#result").setTemplateURL("example_multitemplate1.tpl");

4、运行结果： 完整代码                             jTemplates                   var data ={                  TotalCount:64,                  Lists:[                      {Id:'2001' ,Title:'新闻11',CreateDate:'2011-08-08'},                      {Id:'2002' ,Title:'新闻22',CreateDate:'2011-08-08'},                      {Id:'2003' ,Title:'新闻33',CreateDate:'2011-08-08'},                      {Id:'2004' ,Title:'新闻44',CreateDate:'2011-08-08'},                      {Id:'2005' ,Title:'新闻55',CreateDate:'2011-08-08'},                  ]          };          $(document).ready(function() {              // 设置模板              $("#result").setTemplateElement("templateContainer");                            // 处理模板              $("#result").processTemplate(data);          });                                                                                               Id                                                          标题                                                          发布时间  www.2cto.com                                             {#foreach $T.Lists as row}                                                      {$T.row.Id}                                                          {$T.row.Title}                                                          {$T.row.CreateDate}                                              {#/for}                      摘自 如果有一天...